@charset "utf-8";
*{ padding: 0;margin: 0; border: 0; list-style-type: none; text-decoration: none; font-family: '微软雅黑','宋体';color: #333;outline:none;}
@font-face {
  font-family: 'iconfont';  /* project id 946926 */
  src: url('//at.alicdn.com/t/font_946926_fx7grzno3c.eot');
  src: url('//at.alicdn.com/t/font_946926_fx7grzno3c.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_946926_fx7grzno3c.woff') format('woff'),
  url('//at.alicdn.com/t/font_946926_fx7grzno3c.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_946926_fx7grzno3c.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
body{background: url("/static/admin/image/bg.png");background-size:cover;background-size: 100%;}

/* pop */
.popbg{display:none;background: rgba(0,0,0,0.3);width: 100%;height: 100%;left: 0;top:0;position: absolute;z-index:9003;moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

.popin{display:none;background: rgba(0,0,0,0.3);border-radius:5px;background-size:cover;position: absolute;z-index:9003;top: 10%;left: 50%;line-height: 30px;padding: 10px 40px;color: #fff;width: 240px;margin-left:-160px;text-align: center;}

.pop{display:none;background:#fff;background-size:cover;position: absolute; left:50%;top:30%;width: 260px;margin-left:-130px;}
.pop .top{line-height: 40px;height: 40px;background:#f8f8f8;width:220px;padding:0 20px;cursor: move;}
.pop .top span{float:left;color: #333;}
.pop .top i{float:right;color: #333;font-style: normal;cursor: pointer;font-size: 12px;display: block;text-align: center; }
.pop .context{padding:20px; color: #333;}
.pop .bottom{text-align: right;padding-bottom: 20px;}
.pop .bottom button{line-height: 28px;height: 30px;border-radius: 5px;margin-right: 20px;cursor: pointer;border: 1px solid #ddd;font-size: 14px;}
.pop .bottom a{line-height: 30px;height: 30px;display: inline-block;border-radius: 5px;margin-right: 20px;cursor: pointer;border: 1px solid #ddd;font-size: 14px;}
.pop .bottom .true{background:#2e8ded;padding: 0 15px;color: #fff;margin-right: 10px;}
.pop .bottom .false{background:#fff;padding: 0 15px;color: #333;}

/* 登录 */
.login-box{position: absolute;top: 20%;left: 50%;width: 340px;height: 370px;margin-left:-210px;background: #000; background: rgba(0,0,0,0.2);border-radius:5px;padding:40px;}
.login-box .top{width: 340px;height: 55px;line-height: 55px;background: #189F92;background: rgba(24,159,146,0.9);margin-left: -60px;padding-left:60px; color: #fff;font-size: 16px;margin-top:10px;margin-bottom: 20px;}
.login-box .top::before{content: "";width: 0px;border-top: 10px solid #000;border-left:20px solid rgba(0,0,0,0);float: left;margin-left: -60px;margin-top: 55px;}
.login-box .form p input{line-height: 48px;height: 48px;padding:0 20px;width: 300px;border-radius:5px;margin-top: 20px;background: #fff;background: rgba(255,255,255,0.95);}
.login-box .form p .submit{width: 100%;background: #189F92;background: rgba(24,159,146,0.9);color: #fff;font-size: 16px;cursor: pointer;}
.login-box .form p .code{width: 45%}
.login-box .form p img{width: 35%;height: 48px;margin-top: 20px;float: right;border-radius:5px;}

.login-box .prompt{text-align: center;line-height: 240px;height: 240px;font-size: 200px;color: #fff;}
.login-box .page404{text-align: center;line-height: 240px;font-size: 40px;color: #fff;}
.login-box .content{width: 100%;background:rgba(24,159,146,0.9);color: #fff;font-size: 16px;line-height: 48px;height: 48px;text-align: center;}
.login-box .content a{color: #fff;}
.login-box .content b{color: #fff;}


/* header */
.header{position: absolute;top:0;left: 0;width:100%;height: 50px;background:#2c3e50;}
.header span{height: 50px;line-height: 50px;margin-left: 20px;font-size: 22px;color: #fff;}
.header ul{float: right;margin-right: 20px;}
.header ul li{float: left;height: 50px;line-height: 50px;color: #fff;margin-right: 10px;}
.header ul li span{font-size: 14px;margin:0;display:inline-block;padding:0 20px;text-align: center;cursor: pointer;}
.header ul li span a{color:#fff;}
.header ul li i{font-size: 16px;color: #fff;display: inline-block;}
.header ul li p{display: none;padding:10px 2px;background: #eee;border-radius:5px;margin-top: -10px;position: relative;z-index: 9002;border:1px solid #ccc;}
.header ul .admin:hover i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.header ul .admin:hover p{display: block;}
.header ul li p span{font-size: 14px;text-align: center;display: block;width: 100%;margin-left: 0;line-height: 35px;height: 35px;padding:0 0;}
.header ul li p span a{color: #333;}
.header ul li p span:hover{background: rgba(0,0,0,0.8);}
.header ul li p span:hover a{color: #fff;}

/* body-left */
.body-left{width: 220px;position: absolute;top:50px;left: 0;bottom: 41px;background: #f1f1f1;overflow-y:auto;overflow-x:hidden;padding-top: 10px;border-right: 1px solid #ccc;}
.body-left ul li{line-height: 40px;float: left;cursor: pointer;width: 220px;}
.body-left ul li span{width: 180px;padding:0 20px;border-bottom: 1px solid #ccc;float: left;}
.body-left ul li span i{margin-right: 10px;}
.body-left ul li span .icon{float: right;margin-right: 0;}
.body-left ul li span:hover{color:#199F93;}
.body-left ul li span:hover i{color:#199F93;}
.body-left ul li span:hover .icon{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.body-left ul .active .icon{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.body-left ul .active span{color:#199F93;}
.body-left ul .active span i{color:#199F93;}
.body-left ul li p{display: none;float: left;}
.body-left ul li p a{padding:0 40px;width:140px;border-bottom: 1px solid #ccc;line-height: 35px;height: 35px;float: left;}
.body-left ul li p a i{margin-right: 10px;}
.body-left ul li p a:hover{color:#199F93;}
.body-left ul li p a:hover i{color:#199F93;}

/* body-tap */
.body-right{position: absolute;top:50px;left: 221px;right: 0;bottom: 41px;background: #fff;z-index: 9001;}
.body-right .tap{height: 35px;background: #f1f1f1;width: 100%;border-bottom: 1px solid #ccc;}
.body-right .tap ul{max-width: 100%;}
.body-right .tap ul li{padding:0 15px;line-height: 35px;font-size: 14px;float: left;cursor: pointer;}
.body-right .tap ul li i{margin: 8px 0 0 10px;font-size: 12px;color:#ccc;width: 20px;line-height: 20px;height: 20px;float: right;text-align: center;cursor: pointer;}
.body-right .tap ul li i:hover{background: #ff5722;border-radius: 20px;color: #fff;}
.body-right .tap ul .active{background: #fff;color: #199F93;}

.body-right .item{position: absolute;top:36px;left: 0;width: 100%;bottom: 0;}
.body-right .item iframe{position:absolute;width: 100%;height: 100%;overflow-x:hidden;overflow-y: auto;}

/* footer */
.footer{position:absolute;background:#2c3e50;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;left: 0;bottom: 0;border-top: 1px solid rgba(255,255,255,0.4);font-size: 14px;}




/* 页面 */
.body{position: absolute; width: 100%;height: 100%;background: #fff;overflow: auto;}
.search{width: 100%;text-align: center;padding: 20px 0;}
.search input{margin-left:10px;line-height: 35px;height: 35px;padding: 0 10px;border:1px solid #ccc;border-radius: 5px;font-size: 14px;width: 150px;}
.search input[type='submit']{background: #009688;color: #fff;width: 80px;}
.search select{margin-left:10px;line-height: 35px;height: 35px;padding: 0 10px;border:1px solid #ccc;border-radius: 5px;font-size: 14px;width: 150px;}
.search .option{ width: 172px;position: absolute;margin:36px 0 0 -178px; background: #fff;border: 1px solid #ccc;border-radius: 5px; display: none;}
.search .option span{width: 100%;display: inline-block;line-height: 30px;cursor: pointer;}
.search .option span:hover{background: #009688;color: #fff;}


.nav{line-height: 40px;height: 40px;padding:0 20px;background: #f1f1f1;}
.nav button{background: #FF5722;color: #fff;line-height: 40px;height: 40px;padding:0 20px;border-radius: 5px;cursor: pointer;float: left;margin-right: 5px;}
.nav button:nth-child(even){background:#009688;}
.nav a{background: #FF5722;color: #fff;line-height: 40px;height: 40px;padding:0 20px;border-radius: 5px;font-size: 12px;float: left;margin-right: 5px;}
.nav a:nth-child(even){background:#009688;}

.body .table{padding: 20px;}
.body .table table{width: 100%;border-top: 1px solid #ccc;border-right: 1px solid #ccc;}
.body .table table tr th{background: #f1f1f1;line-height: 40px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;padding:0 10px;white-space: nowrap;}
.body .table table tr td{text-align: center;line-height: 40px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;padding:0 10px;white-space: nowrap;}
.body .table table tr td img{max-width: 30px;max-width: 30px;float: left;}
.body .table table tr td button{color: #fff;width:70px;padding: 3px 5px;cursor: pointer;border-radius: 3px;}
.body .table table tr td .top{background:#009688;}
.body .table table tr td .cancel{background:#FF5722;}
.body .table table tr:hover{background: #f1f1f1}
.body .table table tr td a{color:#009688; }
.body .table table tr td:last-child span{color:#FF5722;cursor: pointer; }

/*.body .echarts{padding: 20px;}
.body .echarts .line{width: 100%;height: 452px;}*/

.page{float: right;margin-right: 20px;}
.page a{line-height: 35px;padding: 0 15px;float: left;margin-left: 5px;border: 1px solid #ccc;font-size: 12px;}
.page span{line-height: 35px;padding: 0 15px;float: left;margin-left: 5px;border: 1px solid #ccc;font-size: 12px;}
.page .current{background:#009688;color: #fff; }

.body .tap{margin-top: 20px;padding:0 100px;border-bottom: 3px solid #ccc;line-height: 35px;height: 35px;}
.body .tap span{line-height: 35px;height: 35px;float: left;padding: 0 15px; border-bottom: 3px solid #ccc;cursor: pointer;}
.body .tap .active{color:#199F93;border-bottom: 3px solid #199F93;}

.from{padding: 20px;}
/*.from form{display: none;}*/
/*.from form[class="active"]{display: block;}*/
.from .item{display: none;}
.from .item[class*="active"]{display: block;}

/*.from .p{width: 100%;}*/
.from .p label{display: inline-block;margin-bottom: 10px;font-size: 12px;line-height: 35px;}
.from .p .span{width: 100px;line-height: 35px;height: 35px;text-align:right;display: inline-block;font-size: 12px;}
.from .p label .span{width: 100px;line-height: 35px;height: 35px;text-align:right;display: inline-block;font-size: 12px;}
.from .p label input{width: 200px;line-height: 35px;border:1px solid #ccc;font-size: 12px;padding:0 5px;margin-left: 10px;border-radius: 5px;}
.from .p label .add{cursor: pointer;line-height: 35px;margin-left: 10px;}
/*.from .radio label {display: inline-block;font-size: 12px;line-height: 35px;vertical-align: text-top;}*/
.from .check{padding-left: 105px;}
.from .p label input[type='radio']{width: 20px;line-height: 35px;vertical-align: middle;margin-top: -2px;height: 14px;}
.from .p label input[type='checkbox']{width: 20px;line-height: 35px;vertical-align: middle;margin-top: -2px;height: 14px;}
.from .p label input[type='submit']{margin-left: 115px;background: #199F93;color: #fff;}
.from .p label select{width: 210px;line-height: 35px;height: 35px;border:1px solid #ccc;font-size: 12px;padding:0 5px;margin-left: 10px;border-radius: 5px;display: inline-block;}
/*.from .p label select option{border: 0px;height: 300px;}*/
.from .p label textarea{border:1px solid #ccc;margin-left: 10px;width: 800px;height: 200px;display: inline-block;}
.from .p label .remove{line-height: 35px;height: 35px;padding: 0 10px;background: #FF5722;border-radius: 5px;color:#fff;margin-left: 50px;}
.from .p label .copy{line-height: 35px;height: 35px;padding: 0 10px;background: #199F93;border-radius: 5px;color:#fff;margin-left: 50px;}
#container{margin-left: 10px;width: 800px;height: 350px;display: inline-block;}

.body .default{padding: 20px;}
.body fieldset{border: 2px solid #ccc;padding: 20px;}
.body fieldset legend{margin-left: 20px;padding:0 10px;}
.body fieldset table{width: 100%;border-top: 1px solid #ccc;border-right: 1px solid #ccc;margin-bottom: 20px;}
.body fieldset table tr th{background: #f1f1f1;line-height: 40px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;font-weight: normal;text-align: left;padding: 0 10px;}
.body fieldset table tr td{text-align: left;padding: 0 10px;line-height: 40px;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;}
.body fieldset table tr:nth-child(even){background: #f1f1f1;}
.body fieldset table tr:hover{background: #f1f1f1}

/*main*/
/*census*/
.body .census{padding:20px;height: 180px;}
.body .census .item{display: inline-block;width: 25%;float: left;}
.body .census .item p{margin:0 10px;color: #fff;}
.body .census .item p:first-child{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.body .census .item p:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.body .census .item:first-child p{margin-left:0;}
.body .census .item:last-child p{margin-right:0;}
.body .census .item .word{padding:25px 20px 0;font-size: 14px;line-height: 30px;}
.body .census .item .num{padding:20px 20px;font-size: 30px;line-height: 35px;}
.body .census .item .info{padding:0 20px 20px;font-size: 12px;line-height: 30px;}
.body .census .item:nth-child(4n+1) p{background:#5B6173;}
.body .census .item:nth-child(4n+2) p{background:#199F93;}
.body .census .item:nth-child(4n+3) p{background:#4F4D82;}
.body .census .item:nth-child(4n+4) p{background:#405A75;}

/*#393D49,#199F93,#605ca8,#2c3e50,#5B6173,#4F4D82,#405A75,*/

.body .control{padding:20px;height: 480px;}
.body .control .broken{float: left;width: 65%;height: 480px;}
.body .control .broken #broken{float: left;width: 100%;height: 480px;}
.body .control .sector{float: left;width: 35%;height: 480px;}
.body .control .sector #sector{float: left;width: 100%;height: 480px;}

/*.body .system{padding: 20px;height: 229px;}*/
.body .system{padding: 20px;height: 209px;}
.body .system .item{width: 33.3%;float: left;font-size: 14px;}
.body .system .item ul{padding: 0 20px;}
.body .system .item:nth-child(3n+1) ul{background:#5B6173;margin-left:0;}
.body .system .item:nth-child(3n+2) ul{background:#199F93;}
.body .system .item:nth-child(3n+3) ul{background:#4F4D82;margin-right:0;}

.body .system .item ul{border-radius: 5px;margin:0 10px;}
/*.body .system .item ul li{padding:0 20px;border-bottom: 1px dashed #ccc;line-height: 40px;}*/
.body .system .item ul li{border-bottom: 1px dashed #ccc;line-height: 40px;}
.body .system .item ul li:last-child{border-bottom: none;}
.body .system .item ul li b{width:35%;display: inline-block;color: #fff;}
.body .system .item ul li span{width:65%;display: inline-block;color: #fff;}

